<template>
	<view id="item">
		<view id="item1">
			<image class="image" :src="item.img"></image>
		</view>
		<view id="item2">
			{{item.name}}
		</view>
	</view>
</template>

<script setup>
	import {
		defineProps,
		onMounted
	} from 'vue';
	defineProps(['item'])
</script>

<style scoped>
	#item {
		width: 370rpx;
		height: 600rpx;
	}

	#item1 {
		width: 340rpx;
		height: 500rpx;
		margin: 0 auto;
		border-radius: 15rpx;
	}

	.image {
		width: 340rpx;
		height: 500rpx;
		border-radius: 15rpx;
	}

	#item2 {
		width: 340rpx;
		margin: 0 auto;
	}
</style>